<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>File Manager</title>
    <script src="{{winapi}}"></script>
    <link rel="stylesheet" href="{{static}}/css/manager.css">
    <script>
        const API_PATH = "{{api}}"
        const STATIC_PATH = "{{static}}"
        const PAGE_PATH = "{{root}}"
    </script>

    <script src="
            {{static}}/js/manager.js
            "></script>
</head>

<body>
    <img width="64" height="64" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
        src="{{static}}/img/icons/default_file.svg" alt="" draggable="false" id="move_show_helper">
    <div id="new_file_menu">
        <button type="button" class="new_file_menu_item" onclick="create_file_callback()">
            文件
        </button>
        <button type="button" class="new_file_menu_item" onclick="create_dir_callback()">
            文件夹
        </button>
    </div>
    <div id="new_file_menu_show_helper">
    </div>
    <div id="new_file_input_show_helper">
    </div>
    <div id="header" oncontextmenu="event.preventDefault()">
        <div class="header-item">
            <div class="header-item-content" id="header-item-content-new">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/create.png" alt="">
                </div>
                <span>新建</span>
            </div>
            <div class="header-item-splitline"></div>
            <div class="header-item-content-short" id="header-item-content-cut">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/cut.png" alt="">
                </div>
            </div>
            <div class="header-item-content-short" id="header-item-content-copy">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/copy.png" alt="">
                </div>
            </div>
            <div class="header-item-content-short" id="header-item-content-paste">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/paste.png" alt="">
                </div>
            </div>
            <div class="header-item-content-short" id="header-item-content-rename">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/rename.png" alt="">
                </div>
            </div>
            <div class="header-item-content-short" id="header-item-content-remove">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/delete.png" alt="">
                </div>
            </div>
            <div class="header-item-splitline"></div>
            <div class="header-item-content" id="header-item-content-transfer">
                <div class="header-item-icon">
                    <img width="18" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                        src="{{static}}/img/transmission.png" alt="">
                </div>
                <span>传输</span>
            </div>
            <div id="header-item-content-ok">
                <span>确定</span>
            </div>
        </div>
    </div>
    <div id="header-split" oncontextmenu="event.preventDefault()">
    </div>
    <div id="header-path">
        <div id="header-path-icons-left">
            <div class="header-path-icon" id="last_btn">
                <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-left" role="img"
                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-flip="false" data-invert="false"
                    data-rounded="false">
                    <path fill="currentColor"
                        d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z">
                    </path>
                </svg>
            </div>
            <div class="header-path-icon" id="back_btn">
                <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right"
                    class="svg-inline--fa fa-arrow-right " role="img" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 448 512" data-flip="false" data-invert="false" data-rounded="false">
                    <path fill="currentColor"
                        d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z">
                    </path>
                </svg>
            </div>
        </div>
        <div class="routebar" id="routebar">
        </div>
        <div class="routebar" id="routebar-input">
            <input id="routebar-input-input" title="" type="text" placeholder="loading...">
        </div>
        <div id="searchbar">
            <img width="10" height="10" data-click="false" data-flip="false" data-invert="false" data-rounded="false"
                src="{{static}}/img/search.png" alt="">
            <input type="text" id="search-input" placeholder="搜索">
        </div>
    </div>
    <div id="leftbar" ondrop="file_drop(event,-1)" ondragover="file_dragover(event,-1)"
        oncontextmenu="leftbar_contextmenu(event,-1)">
        <div id="bar_btn_group">
            <button id="bar_del_btn" onclick="remove_bookmark()" type="button">-</button>
            <button id="bar_new_btn" onclick="add_bookmark()" type="button">+</button>
        </div>
        <div id="bar_links_group">
        </div>
    </div>
    <div id="files" ondrop="file_drop(event,-1)" ondragover="file_dragover(event,-1)"
        oncontextmenu="file_right_click(event,-1)">
    </div>
    <div id="fileinfo"></div>
</body>

</html>